import React from 'react'
import { Layout, Row, Col, Divider, Typography } from 'antd'
import img1 from '../../assets/images/c1.png'
import img2 from '../../assets/images/c2.png'
import img3 from '../../assets/images/c3.png'
import img4 from '../../assets/images/c4.png'

export const TrFooter: React.FC = () => {
  return (
    <React.Fragment>
      <Divider orientation={'left'}>
        <Typography.Title level={3} type='danger'>
          合作伙伴
        </Typography.Title>
      </Divider>
      <Row>
        <Col span={6}>
          <img
            src={img1}
            alt=''
            style={{
              width: '80%',
              height: '80%',
            }}
          />
        </Col>
        <Col span={6}>
          <img
            src={img2}
            alt=''
            style={{
              width: '80%',
              height: '80%',
            }}
          />
        </Col>
        <Col span={6}>
          <img
            src={img3}
            alt=''
            style={{
              width: '80%',
              height: '80%',
            }}
          />
        </Col>
        <Col span={6}>
          <img
            src={img4}
            alt=''
            style={{
              width: '80%',
              height: '80%',
            }}
          />
        </Col>
      </Row>
      <Layout.Footer>
        <Typography.Title
          level={3}
          style={{ textAlign: 'center', color: '#03a9f4' }}>
          版权所有 © 叮当 旅游网
        </Typography.Title>
      </Layout.Footer>
    </React.Fragment>
  )
}
